<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{$title}</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../xui/css/xui.css"  media="all">
		<link rel="stylesheet" href="../xui/font/font-awesome/css/font-awesome.min.css" media="all">
	</head>
	<body class="xui">
		<div class="row header">
			<a class="logo" href="index.html" >XUI</a>
			<i class="x1"></i>
			<label id="toggle-top-menu" for="chk_top_menu"></label>
			<input type="checkbox" id="chk_top_menu" style="display:none;">
			<div class="top-menu">
				<ul>
					<li>
						<a href="http://www.smeoa.com" >小微OA官网</a>
					</li>
					<li>
						<a class="active" href="http://demo.smeoa.com" >系统演示</a>
					</li>
					<li>
						<a href="http://www.smeoa.com/forum">社区</a>
					</li>
					<li>
						<a href="#">Github<i class="count">99</i></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="row x1 main">
			<label id="toggle-sidebar" for="chk-sidebar"></label>
			<input type="checkbox" id="chk-sidebar">
			<label id="shade-sidebar" for="chk-sidebar" ></label>
			<div class="w22 sidebar">
				<ul>
					<li>
						<a href="#" >基本元素</a><i class="count">99</i>
						<input type="checkbox" id="chk_1">
						<label for="chk_1"><i class="fa fa-angle-down"></i></label>
						<ul>
							<li>
								<a  href="btn.html" >按钮</a>
							</li>
							<li>
								<a  href="form.html" >表单</a>
							</li>
							<li>
								<a  href="nav.html" >导航</a>
							</li>
							<li>
								<a  href="table.html" >表格</a>
							</li>
							<li>
								<a  href="tab.html" >选项卡</a>
							</li>
							<li>
								<a  href="progress.html" >进度条</a>
							</li>
							<li>
								<a  href="asst.html" >辅助</a>
							</li>
							<li>
								<a  href="grid.html" >网格</a>
							</li>
							<li>
								<a  href="layout.html" class="active">布局</a>
							</li>
						</ul>
					</li>
					<li>
						<a  href="" >组件</a>
						<input type="checkbox" id="chk_2">
						<label for="chk_2"><i class="fa fa-angle-down"></i></label>
						<ul>
							<li>
								<a  href="tree.html" >树形菜单</a>
							</li>
							<li>
								<a  href="popup.html" >弹窗选择</a>
							</li>

						</ul>
					</li>
				</ul>
			</div>
			<div class="x1 wrap content">
				<div class="page-header">
					<h1>小微OA UI 抢鲜版</h1>
				</div>
				<div class="operate-panel">
					<a class="btn btn-link active">当前页面</a>
					<a class="btn btn-link">页面链接</a>
					<a class="btn btn-link">页面链接</a>
					<a class="btn btn-link">页面链接</a>
					<i class="mid"></i>
					<a class="btn btn-return">返回按钮</a>
					<a class="btn btn-normal">正常按钮</a>
					<i class="split"></i>
					<a class="btn btn-del">删除按钮</a>
				</div>
				<div class="box x1 sub">
					<div class="w30 m100 frame">
						<div class="tree-menu">
							<ul>
								<li>
									<a node="38">紫光科技</a>
									<input type="checkbox" id="chk_tree_38">
									<label for="chk_tree_38"><i class="fa fa-plus-square-o"></i></label>
									<ul>
										<li>
											<a node="55">厦门旗都1</a>
										</li>
										<li>
											<a node="56">厦门工厂</a>
										</li>
										<li>
											<a node="57">深圳</a>
										</li>
										<li>
											<a node="54">外贸三组</a>
										</li>
										<li>
											<a node="53">商务三组</a>
										</li>
										<li>
											<a node="39">研发部</a>
											<input type="checkbox" id="chk_tree_39">
											<label for="chk_tree_39"><i class="fa fa-plus-square-o"></i></label>
											<ul>
												<li>
													<a node="60">PHP</a>
												</li>
												<li>
													<a node="61">JAVA</a>
												</li>
												<li>
													<a node="62">测试组</a>
												</li>
												<li>
													<a node="63">运营组</a>
													<input type="checkbox" id="chk_tree_63">
													<label for="chk_tree_63"><i class="fa fa-plus-square-o"></i></label>
													<ul>
														<li>
															<a node="68">客服</a>
														</li>
													</ul>
												</li>
												<li>
													<a node="65">项目管理</a>
												</li>
												<li>
													<a node="66">平面设计师</a>
												</li>
												<li>
													<a node="67">Python</a>
												</li>
												<li>
													<a node="71">运维</a>
												</li>
												<li>
													<a node="58">产品组</a>
												</li>
												<li>
													<a node="59">前端组</a>
												</li>
											</ul>
										</li>
										<li>
											<a node="40">人事行政部</a>
											<input type="checkbox" id="chk_tree_40">
											<label for="chk_tree_40"><i class="fa fa-plus-square-o"></i></label>
											<ul>
												<li>
													<a node="72">人资组</a>
												</li>
												<li>
													<a node="73">行政组</a>
												</li>
												<li>
													<a node="74">账务组</a>
												</li>
											</ul>
										</li>
										<li>
											<a node="41">财务部</a>
										</li>
										<li>
											<a node="42">总经办</a>
										</li>
										<li>
											<a node="43">商务一组</a>
										</li>
										<li>
											<a node="44">微商组</a>
										</li>
										<li>
											<a node="45">美术组</a>
										</li>
										<li>
											<a node="46">外贸一组</a>
										</li>
										<li>
											<a node="47">招商部</a>
										</li>
										<li>
											<a node="48">采购部</a>
										</li>
										<li>
											<a node="49">外贸二组</a>
										</li>
										<li>
											<a node="50">中文推广组</a>
										</li>
										<li>
											<a node="51">英文推广组</a>
										</li>
										<li>
											<a node="52">商务二组</a>
										</li>
									</ul>
								</li>
								<li>
									<a node="40">人事行政部</a>
									<input type="checkbox" id="chk_tree_140">
									<label for="chk_tree_140"><i class="fa fa-plus-square-o"></i></label>
									<ul>
										<li>
											<a node="72">人资组</a>
										</li>
										<li>
											<a node="73">行政组</a>
										</li>
										<li>
											<a node="74">账务组</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
					<div style="width:16px;"></div>
					<div class="x1 w30 m100">
						<div class="table">
							<div class="config" >
								<label class="btn_config" for="table_1"><i class="fa fa-angle-down"></i></label>
								<input id="table_1" type="checkbox" style="display:none;">
								<div class="config-box" >
									<label class="checkbox" style="">
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox"  >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
									<label class="checkbox" >
										<input type="checkbox" name="1">
										<i class="icon"></i>看看几个中文字</label>
								</div>
							</div>
							<ul>
								<li class="thead" >
									<span class="w30 sort-able down " >人物</span>
									<span class="w30 sort-able up">民族</span>
									<span class="w30 sort-able">出场时间</span>
									<span class="w30 x1">格言</span>
								</li>
								<li class="tbody">
									<span class="w30 ">贤心</span>
									<span class="w30">汉族</span>
									<span class="w30">1989-10-14</span>
									<span class="w30 x1">人生似修行</span>
								</li>
								<li class="tbody">
									<span class="w30 ">张爱玲</span>
									<span class="w30">汉族</span>
									<span class="w30">1920-09-30</span>
									<span class="w30 x1">于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里，时间的无涯的荒野里</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">贤心</span>
									<span class="w30">汉族</span>
									<span class="w30">1989-10-14</span>
									<span class="w30 x1">人生似修行</span>
								</li>
								<li class="tbody">
									<span class="w30 ">张爱玲</span>
									<span class="w30">汉族</span>
									<span class="w30">1920-09-30</span>
									<span class="w30 x1">于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里，时间的无涯的荒野里</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">贤心</span>
									<span class="w30">汉族</span>
									<span class="w30">1989-10-14</span>
									<span class="w30 x1">人生似修行</span>
								</li>
								<li class="tbody">
									<span class="w30 ">张爱玲</span>
									<span class="w30">汉族</span>
									<span class="w30">1920-09-30</span>
									<span class="w30 x1">于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里，时间的无涯的荒野里</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">贤心</span>
									<span class="w30">汉族</span>
									<span class="w30">1989-10-14</span>
									<span class="w30 x1">人生似修行</span>
								</li>
								<li class="tbody">
									<span class="w30 ">张爱玲</span>
									<span class="w30">汉族</span>
									<span class="w30">1920-09-30</span>
									<span class="w30 x1">于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里，时间的无涯的荒野里</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">贤心</span>
									<span class="w30">汉族</span>
									<span class="w30">1989-10-14</span>
									<span class="w30 x1">人生似修行</span>
								</li>
								<li class="tbody">
									<span class="w30 ">张爱玲</span>
									<span class="w30">汉族</span>
									<span class="w30">1920-09-30</span>
									<span class="w30 x1">于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里，时间的无涯的荒野里</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">贤心</span>
									<span class="w30">汉族</span>
									<span class="w30">1989-10-14</span>
									<span class="w30 x1">人生似修行</span>
								</li>
								<li class="tbody">
									<span class="w30 ">张爱玲</span>
									<span class="w30">汉族</span>
									<span class="w30">1920-09-30</span>
									<span class="w30 x1">于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里，时间的无涯的荒野里</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
								<li class="tbody">
									<span class="w30 ">Helen Keller</span>
									<span class="w30">拉丁美裔</span>
									<span class="w30">1880-06-27</span>
									<span class="w30 x1">Life is either a daring adventure or nothing.</span>
								</li>
							</ul>
						</div>
						<div class="pagination">
							<form id="form_pagination" method="post" style="width:100%;">
								<input type="hidden" name="p">
								<input type="hidden" name="list_rows" value="">
								<input type="hidden" name="mode" value="">
								<div class="row" style="justify-content:flex-end;">
									<div class="box">
										<label class="label">每页</label>
										<div class="input-box" style="width:45px;">
											<input class="input text-center" value="10" oninput="tt(this);" onkeyup="tt(this);" onfocus="this.value=''" onblur="if(this.value=='')this.value=10">
										</div>
										<label class="label">条</label>
									</div>
									<div class="box">
										<a class="btn"><i class="fa fa-angle-left"></i></a>
										<div class="input-box" style="width:45px;padding-left:7px;padding-right:0px;">
											<input class="input text-center"  value="10" oninput="tt(this);"   onkeyup="tt(this);"  onfocus="this.value=''" onblur="if(this.value=='')this.value=10">
										</div>
										<label class="label">/ 20</label>
										<a class="btn"><i class="fa fa-angle-right" ></i></a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js"></script>
	<script>
		$(function() {
			$(".sidebar a.active").parents('li').find('input').attr('checked', 'checked');
		});
	</script>
</html>